<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./css/vant@2.12.54.css" />
    <link rel="stylesheet" href="./css/about.css" />
    <link rel="stylesheet" href="./css/nav.css" />
</head>
<body>
    <div id="app">
    
    <div class="banner">
        <img src="./img/banner_1.png" alt="">
        <div class="btn" @click="goBack">
  
        </div>
      </div>
      <div class="list_1">
        <div class="centent">
          <div class="logo">
            <img src="./img/Logo_1.png" alt="">
            <img :src="aboutData.logo.file_paths" alt=""> 
          </div>
          <div v-html="aboutData.content">

          </div>
          <!-- <p>      公司主要以农产品贸易、农业项目开发、生态健康礼品等为主要经营业务，专业推介生态农产品，把相关产品与中国传统文化（例如陶瓷、丝绸、黄酒等）相结合，以生态农业健康为首要目标，坚持从源头保证产品质量，做绿色健康产品，让人们吃到真正纯正的、无任何添加的绿色健康产品。</p>
          <ul class="list">
            <li class="item">
              <img src="./img/1003.png" alt="">
              <p>农产品贸易</p>
            </li>
            <li class="item">
              <img src="./img/1004.png" alt="">
              <p>农业项目开发</p>
            </li>
            <li class="item">
              <img src="./img/1005.png" alt="">
              <p>生态健康礼品</p>
            </li>
          </ul> -->
        </div>
      </div>

    </div>
  
</body>
    <script src="./js/vue@2.7.14.js"></script>
  <script src="./js/element-ui@2.15.14.js"></script>
  <script src="./js/axios@1.5.0.min.js"></script>
  <script src="./js/vant@2.12.54.min.js"></script>
  <script src="./js/request.js"></script>
  <script>
    new Vue({
      el: "#app",
      data() {
        return {
            show:true,
            show_1:false,
            aboutData:[]
        };
      },
      mounted() {
        this.fetchData();
      },
      methods:{
        goBack(){
            history.go(-1);
            },
            //获取数据
        fetchData() {
          const url = baseUrl + "/goods.Goods/about";
          axios({
            url: url,
            method: "post",
            params: {
              app_id: 10001,
            },
          })
            .then((res) => {
              // 处理响应结果
              this.aboutData = res.data.data.info;
              console.log(res.data.data.info);
            })
            .catch((error) => {
              // 处理错误
              console.error(error);
            });
        },
        }
        
    })
    Vue.use(vant);
  </script>

</html>